<template>
	<view>
		<cu-custom :isBack="true">
			<block slot="backText">{{notice.title}}</block>
		</cu-custom>
		<view class="margin-left margin-right">
			<mp-html :content="notice.msg"  />
		</view>
	</view>
</template>

<script>
	import * as commonSystemNoticeContentApi from '@/api/common/commonSystemNoticeContentApi.js'
	import mpHtml from '@/uni_modules/mp-html/components/mp-html/mp-html.vue'
	export default {
		data() {
			return {
				notice: {},
				noticeId: null
			}
		},
		computed: {
			themeConfig() {
				return this.$store.state.themeConfig
			}
		},
		components: {
			mpHtml
		},
		onLoad(option) {
			this.noticeId = option.noticeId
			this.getSystemNoticeContentDetails()
		},
		methods: {
			getSystemNoticeContentDetails(){
				commonSystemNoticeContentApi.getSystemNoticeContentDetails({
					noticeId:this.noticeId
				}).then(res=>{
					const {data} =res
					if(data){
						this.notice = data
					}
				})
			}
		}
	}
</script>

<style>

</style>
